import * as React from 'react'

export const BookmarkRadialGradientIcon = React.memo(() => (
    <svg width="26" height="26" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            d="M20.143 21.667L13 18.517l-7.143 3.15V2.889h14.286v18.778zm0-21.667H5.857C5.1 0 4.373.304 3.837.846A2.905 2.905 0 003 2.89V26l10-4.333L23 26V2.889c0-.766-.301-1.501-.837-2.043A2.842 2.842 0 0020.143 0z"
            fill="#6B47D6"
        />
        <path
            d="M20.143 21.667L13 18.517l-7.143 3.15V2.889h14.286v18.778zm0-21.667H5.857C5.1 0 4.373.304 3.837.846A2.905 2.905 0 003 2.89V26l10-4.333L23 26V2.889c0-.766-.301-1.501-.837-2.043A2.842 2.842 0 0020.143 0z"
            fill="url(#paint0_radial)"
            fillOpacity=".59"
        />
        <defs>
            <radialGradient
                id="paint0_radial"
                cx="0"
                cy="0"
                r="1"
                gradientUnits="userSpaceOnUse"
                gradientTransform="matrix(18.00004 -1 1.4154 25.47731 8.5 12)"
            >
                <stop stopColor="#E105CB" />
                <stop offset="1" stopColor="#fff" stopOpacity="0" />
            </radialGradient>
        </defs>
    </svg>
))

export const ExtensionRadialGradientIcon = React.memo(() => (
    <svg width="26" height="26" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            d="M26 14.95a4.541 4.541 0 01-3.9 4.498V23.4a2.6 2.6 0 01-2.6 2.6h-4.94v-.39a3.51 3.51 0 00-3.51-3.51 3.504 3.504 0 00-3.51 3.51V26H2.6A2.6 2.6 0 010 23.4v-4.94h.39c1.937 0 3.51-1.56 3.51-3.51 0-1.95-1.573-3.51-3.51-3.51H0V6.5a2.6 2.6 0 012.6-2.6h3.952A4.541 4.541 0 0111.05 0a4.541 4.541 0 014.498 3.9H19.5a2.6 2.6 0 012.6 2.6v3.952c2.21.312 3.9 2.21 3.9 4.498zm-6.5 1.95h1.95a1.95 1.95 0 100-3.9H19.5V6.5H13V4.55a1.95 1.95 0 10-3.9 0V6.5H2.6v2.756a6.092 6.092 0 013.9 5.694 6.11 6.11 0 01-3.9 5.694V23.4h2.756a6.11 6.11 0 015.694-3.9 6.11 6.11 0 015.694 3.9H19.5v-6.5z"
            fill="#6B47D6"
        />
        <path
            d="M26 14.95a4.541 4.541 0 01-3.9 4.498V23.4a2.6 2.6 0 01-2.6 2.6h-4.94v-.39a3.51 3.51 0 00-3.51-3.51 3.504 3.504 0 00-3.51 3.51V26H2.6A2.6 2.6 0 010 23.4v-4.94h.39c1.937 0 3.51-1.56 3.51-3.51 0-1.95-1.573-3.51-3.51-3.51H0V6.5a2.6 2.6 0 012.6-2.6h3.952A4.541 4.541 0 0111.05 0a4.541 4.541 0 014.498 3.9H19.5a2.6 2.6 0 012.6 2.6v3.952c2.21.312 3.9 2.21 3.9 4.498zm-6.5 1.95h1.95a1.95 1.95 0 100-3.9H19.5V6.5H13V4.55a1.95 1.95 0 10-3.9 0V6.5H2.6v2.756a6.092 6.092 0 013.9 5.694 6.11 6.11 0 01-3.9 5.694V23.4h2.756a6.11 6.11 0 015.694-3.9 6.11 6.11 0 015.694 3.9H19.5v-6.5z"
            fill="url(#paint0_radial)"
            fillOpacity=".59"
        />
        <defs>
            <radialGradient
                id="paint0_radial"
                cx="0"
                cy="0"
                r="1"
                gradientUnits="userSpaceOnUse"
                gradientTransform="matrix(20.49999 -6.49999 7.077 22.3198 9 16)"
            >
                <stop stopColor="#E105CB" />
                <stop offset="1" stopColor="#fff" stopOpacity="0" />
            </radialGradient>
        </defs>
    </svg>
))

export const SearchStarRadialGradientIcon = React.memo(() => (
    <svg width="26" height="26" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M16.486 2.829a9.657 9.657 0 10-6.829 16.485 9.681 9.681 0 006.285-2.317l.4.4v1.174L23.773 26 26 23.771l-7.429-7.428h-1.173l-.401-.401a9.68 9.68 0 002.317-6.285 9.657 9.657 0 00-2.828-6.828zM2.97 9.657a6.658 6.658 0 016.686-6.686 6.658 6.658 0 016.686 6.686 6.658 6.658 0 01-6.686 6.686 6.658 6.658 0 01-6.686-6.686zm9.338 3.626l-2.64-1.548-2.639 1.548.696-2.917L5.4 8.403l3.07-.258 1.2-2.747 1.2 2.748 3.071.257-2.332 1.963.7 2.917z"
            fill="#6B47D6"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M16.486 2.829a9.657 9.657 0 10-6.829 16.485 9.681 9.681 0 006.285-2.317l.4.4v1.174L23.773 26 26 23.771l-7.429-7.428h-1.173l-.401-.401a9.68 9.68 0 002.317-6.285 9.657 9.657 0 00-2.828-6.828zM2.97 9.657a6.658 6.658 0 016.686-6.686 6.658 6.658 0 016.686 6.686 6.658 6.658 0 01-6.686 6.686 6.658 6.658 0 01-6.686-6.686zm9.338 3.626l-2.64-1.548-2.639 1.548.696-2.917L5.4 8.403l3.07-.258 1.2-2.747 1.2 2.748 3.071.257-2.332 1.963.7 2.917z"
            fill="url(#paint0_radial)"
            fillOpacity=".59"
        />
        <defs>
            <radialGradient
                id="paint0_radial"
                cx="0"
                cy="0"
                r="1"
                gradientUnits="userSpaceOnUse"
                gradientTransform="matrix(15 0 0 16.3316 11 11.587)"
            >
                <stop stopColor="#E105CB" />
                <stop offset="1" stopColor="#fff" stopOpacity="0" />
            </radialGradient>
        </defs>
    </svg>
))

export const CodeMonitorRadialGradientIcon = React.memo(() => (
    <svg width="26" height="26" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M24.612 9.73c0 .39.305.695.694.695A.687.687 0 0026 9.73C26 4.373 21.641 0 16.27 0a.687.687 0 00-.695.694c0 .389.306.694.694.694 4.595 0 8.343 3.748 8.343 8.343zm-2.54-.069a.687.687 0 01-.694-.694 4.177 4.177 0 00-4.165-4.164.687.687 0 01-.694-.694c0-.389.306-.694.694-.694a5.55 5.55 0 015.553 5.552.687.687 0 01-.694.694zM6.33 8.051l11.8 11.8a8.47 8.47 0 01-4.429 1.22 8.547 8.547 0 01-6.08-2.512 8.537 8.537 0 01-2.526-6.08c0-1.582.43-3.11 1.235-4.428zm-.18-3.123c-4.164 4.164-4.164 10.938 0 15.103a10.646 10.646 0 007.551 3.123c2.735 0 5.47-1.041 7.552-3.123L6.15 4.928zm-.986 16.088c-.416-.416-.79-.86-1.138-1.332l-.402.707L1 24.946H11.536l-.389-.667a12.018 12.018 0 01-5.983-3.262zm13.673-11.23a2.423 2.423 0 01-2.429 2.43 2.423 2.423 0 01-2.43-2.43 2.423 2.423 0 012.43-2.43 2.423 2.423 0 012.43 2.43z"
            fill="#6B47D6"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M24.612 9.73c0 .39.305.695.694.695A.687.687 0 0026 9.73C26 4.373 21.641 0 16.27 0a.687.687 0 00-.695.694c0 .389.306.694.694.694 4.595 0 8.343 3.748 8.343 8.343zm-2.54-.069a.687.687 0 01-.694-.694 4.177 4.177 0 00-4.165-4.164.687.687 0 01-.694-.694c0-.389.306-.694.694-.694a5.55 5.55 0 015.553 5.552.687.687 0 01-.694.694zM6.33 8.051l11.8 11.8a8.47 8.47 0 01-4.429 1.22 8.547 8.547 0 01-6.08-2.512 8.537 8.537 0 01-2.526-6.08c0-1.582.43-3.11 1.235-4.428zm-.18-3.123c-4.164 4.164-4.164 10.938 0 15.103a10.646 10.646 0 007.551 3.123c2.735 0 5.47-1.041 7.552-3.123L6.15 4.928zm-.986 16.088c-.416-.416-.79-.86-1.138-1.332l-.402.707L1 24.946H11.536l-.389-.667a12.018 12.018 0 01-5.983-3.262zm13.673-11.23a2.423 2.423 0 01-2.429 2.43 2.423 2.423 0 01-2.43-2.43 2.423 2.423 0 012.43-2.43 2.423 2.423 0 012.43 2.43z"
            fill="url(#paint0_radial)"
            fillOpacity=".59"
        />
        <defs>
            <radialGradient
                id="paint0_radial"
                cx="0"
                cy="0"
                r="1"
                gradientUnits="userSpaceOnUse"
                gradientTransform="matrix(19.5 -2 2.17271 21.18397 11.5 14)"
            >
                <stop stopColor="#E105CB" />
                <stop offset="1" stopColor="#fff" stopOpacity="0" />
            </radialGradient>
        </defs>
    </svg>
))
